<!--
 * @Author: wuyang
 * @Description: 
 * @Date: 2023-01-07 20:19:40
 * @LastEditors: wuyang
 * @LastEditTime: 2023-01-07 20:19:48
 * @FilePath: \vue3-graduate\src\views\goodsCenter\index.vue
-->
<template>
  <div class="container first-tabs">
    <el-tabs
      :model-value="activeName"
      class="demo-tabs"
      @tab-click="handleClick"
      style="height: 100%"
    >
      <el-tab-pane label="启用库" name="first">
        <Available/>
      </el-tab-pane>

      <el-tab-pane label="停用库" name="second">
        <Pause/>
      </el-tab-pane>
      <el-tab-pane label="报废库" name="third">
        <Scrap/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import Available from "./available/index.vue";
import Pause from './pause/index.vue'
import Scrap from './scrap/index.vue'
import { ref } from "vue";
import type { TabsPaneContext } from "element-plus";

const activeName = ref("first");

const handleClick = (tab: TabsPaneContext, event: Event) => {
};
</script>

<style scoped lang="scss"></style>

<style lang="scss">
// tabs标签 样式
.el-tabs__nav-scroll{
  padding-bottom: 10px;
   &::after{
    width: 0px !important;
   }
}
</style>
